/* pages/basicMetabolism/basicMetabolism.wxss */
.bodyBmi_container{
    background-color: #f5f6fa;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: 100%;
    .bodyBmi_bgimg{
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      image{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
      }
      .bgimg_text {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        padding: 0 60rpx;
        box-sizing: border-box;
        .bgimg_english {
          position: absolute;
          right: 70rpx;
          top: 110rpx;
          color: #fff;
          font-size: 38rpx;
          .english_top {
            line-height: 26rpx;
          }
          .english_bottom {
            margin-top: 20rpx;
            line-height: 36rpx;
          }
        }
        
        .bgimg_chinese {
          position: absolute;
          top: 110rpx;
          left: 70rpx;
          font-size: 28rpx;
          // line-height: 64rpx;
          color:#86d0ff;
        }
      }
    }
    .bodyBmi_content_container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 0 48rpx;
      overflow: hidden;
        .bodyBmi_content {
            box-shadow: 0 4rpx 14rpx #bebdbd;
            overflow: hidden;
            margin-top: 330rpx;
            background-color: #fff;
            height: 730rpx;
            border-radius: 16rpx;
            padding: 0 30rpx;
          .content_title {
            font-size: 36rpx;
            color: #3e3a39;
            font-weight: bold;
            display: flex;
            align-items: center;
            margin-top: 40rpx;
            &::before{
                content: "";
                display: inline-block;
                background-color: #90acff;
                width: 5rpx;
                height: 36rpx;
                margin-right: 7rpx;
            }
          }
      
          .content_sex {
            margin-top: 40rpx;
            display: flex;
            align-items: center;
            .sex-text {
              color: #5870f6;
              font-size: 28rpx;
              margin-right: 40rpx;
            }
              .radio-group {
                display: flex;
                .radio {
                  width: 140rpx;
                  display: inline-block;
                  font-size: 28rpx;
                  .tui-menu-list{
                    width: 100%;
                    display: flex;
                    align-items: center;
                  }
                
                }
              }
              
          }
      
          .content_val {
            .content_val_item {
              margin-top: 40rpx;
              display: flex;
              align-items: center;
              .item_val_top {
                color: #5870f6;
                font-size: 28rpx;
                margin-right: 40rpx;
              }
      
              .item_val_bottom {
                  display: flex;
                  align-items: center;
                input{
                  font-size: 24rpx;
                  display: inline-block;
                  width: 400rpx;
                }
       
              }
            }
          }
      
          .content_info {
            margin-top: 30rpx;
            .info_p {
              font-size: 20rpx;
              line-height: 38rpx;
              color: #3e3a39;
            }
          }

          .contet_bmi {
            font-size: 24rpx;
            color: #b7b6b9;
            margin-top: 10rpx;
            .bmi_title {
          
            }
          
            .bmi_content {
              margin-top: 10rpx;
              .bmi_item {
                display: flex;
                text-align: center;
                border-bottom: 1rpx solid #b7b6b9;
                line-height: 40rpx;
                .item_left {
                  flex: 1;
                  border-right: 1rpx solid #b7b6b9;
                }
                .item_right {
                  flex: 1;
                  text {
          
                  }
                }
              }
              .bmi_item:first-child{
                border-top: 1rpx solid #b7b6b9;
              }
            }
          }
        }
      
        .bodyBmi_btn {
            width: 500rpx;
            height: 72rpx;
            background-color: #5870f6;
            color: #fff;
            font-size: 28rpx;
            border-radius: 12rpx;
            text-align: center;
            line-height: 72rpx;
            margin: 0 auto;
            margin-top: 32rpx;
        }
      }
}
